<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>个人中心</title>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="divport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <link href="./personal.css" rel="stylesheet" type="text/css"/>
  <link href="./icon.css" rel="stylesheet" type="text/css"/>
</head>
<style>
  .template-box {
    background-color: #f0efef;
  }

  .column-center {
    -webkit-align-items: center;
    align-items: center;
  }
  /* .main{
    background: #F0EFEF;
  } */
</style>

<body>
<div class="template-box">
    <!-- 头图，头像 -->
    <div class="user-info-box">
      <img class="avatar"
        src="https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTKBd2g02zRqCh6rQVc1yaA64v6cx08K15ZVDBplUY0icPKicusBheNF4JAXyd3zcclgDk2eficzhlrSw/132" />
      <span class="user-name">Hh</span>
    </div>

    <!-- 会员卡等 -->
    <!-- <div class="aui-mobile-list">
      <div class="aui-palace">
        <div class="aui-palace-grid" style="width:25%" role="" aria-label="">
          <div class="aui-palace-grid-icon" role="" aria-label="">
            <div class="aui-palace-pay-txt" role="" aria-label="">0</div>
          </div>
          <div class="aui-palace-grid-text" role="" aria-label="">
            <p>
              会员卡
            </p>
          </div>
        </div>
        <div class="aui-palace-grid" style="width:25%" role="" aria-label="">
          <div class="aui-palace-grid-icon" role="" aria-label="">
            <div class="aui-palace-pay-txt" role="" aria-label="">0</div>
          </div>
          <div class="aui-palace-grid-text" role="" aria-label="">
            <p>
              优惠券
            </p>
          </div>
        </div>
        <div class="aui-palace-grid" style="width:25%" role="" aria-label="">
          <div class="aui-palace-grid-icon" role="" aria-label="">
            <div class="aui-palace-pay-txt" role="" aria-label="">0</div>
          </div>
          <div class="aui-palace-grid-text" role="" aria-label="">
            <p>
              积分
            </p>
          </div>
        </div>
        <div class="aui-palace-grid" style="width:25%" role="" aria-label="">
          <div class="aui-palace-grid-icon" role="" aria-label="">
            <div class="aui-palace-pay-txt" role="" aria-label="">￥0</div>
          </div>
          <div class="aui-palace-grid-text" role="" aria-label="">
            <p>
              余额
            </p>
          </div>
        </div>

      </div>
    </div> -->

    <!-- 授权手机号 -->
    <!-- <div class="container">
        <div class="phone_box">
          <p class="txt">
            授权手机号，以同步订单和优惠券
          </p>
          <button  class="btn">授权</button>
        </div>
    </div> -->


      
      
    <!-- 我的订单 -->
    <div class="aui-mobile-list" style="margin-top:40px">
        <div class="aui-flex b-line" >
          <div class="aui-flex-box" >
              <p>
              我的订单
              </p>
          </div>
          <div class="aui-mobile-arrow">
              <p>
              查看全部
              </p>
          </div>
        </div>
      
        
        <div class="order" >
              <div class="order-sub">
                <div class="aui-palace-grid-icon"  >
                    <icon class="icon payment large" style="color:#468ada;font-size:60px"></icon>
                </div>
                  <p>
                  待付款
                  </p>
              </div>

              <div class="order-sub">
                  <div class="aui-palace-grid-icon"  >
                    <icon class="icon delivery large" style="color:#468ada;font-size:60px"></icon>
                 </div>
                  <p>
                  待提货
                  </p>
              </div>

              <div class="order-sub">
                  <div class="aui-palace-grid-icon"  >
                    <icon class="icon received large" style="color:#468ada;font-size:60px"></icon>
                 </div>
                  <p>
                  待收货
                  </p>
              </div>

              <div class="order-sub">
                  <div class="aui-palace-grid-icon"  >
                      <icon class="icon evaluated large" style="color:#468ada;font-size:60px"></icon>
                   </div>
                  <p>
                  待评论
                  </p>
              </div>
        </div>
      </div>

      <!-- 我的收藏 -->
      <div class="aui-mobile-list" style="margin-top:40px;" >
          <div class="aui-flex b-line" >
              <div class="aui-flex-box sublink">
                <div class="aui-cou-img">
                    <icon class="like"  style="color: #f85; font-size: 48px; line-height: 48px;"></icon>
                </div>
                  <p>
                  我的收藏
                  </p>
              </div>
              <div class="aui-mobile-arrow">
                  <p>
                  </p>
              </div>
          </div>
          <div class="aui-flex b-line" >
              <div class="aui-flex-box sublink" >
                  <div class="aui-cou-img">
                      <icon class="address"  style="color: #1296DB; font-size: 48px; line-height: 48px;"></icon>
                  </div>
                  <p>
                  常用地址
                  </p>
              </div>
              <div class="aui-mobile-arrow">
                  <p>
                  </p>
              </div>
          </div>
          <div class="aui-flex b-line" >
              <div class="aui-flex-box sublink" >
                  <div class="aui-cou-img">
                      <icon class="coupon"  style="color: #e33; font-size: 48px; line-height: 48px;"></icon>
                  </div>
                  <p>
                  优惠券
                  </p>
              </div>
              <div class="aui-mobile-arrow">
                  <p>
                  </p>
              </div>
          </div>
          <div class="aui-flex b-line" >
              <div class="aui-flex-box sublink" >
                  <div class="aui-cou-img">
                      <icon class="receive-coupons"  style="color:#008000; font-size: 48px; line-height: 48px;"></icon>
                  </div>

                  <p>
                  领取优惠券
                  </p>
              </div>
              <div class="aui-mobile-arrow">
                  <p>
                  </p>
              </div>
          </div>
      </div>

      <div class="weui-footer">
          <div class="weui-footer__text">Copyright © 2018 Careye null</div>
      </div>

    </div>

</div>
</body>

</html>